<template>
	<view class="container">
		
		<!-- 顶部导航部分 -->
		<view class="top">
			<view class="bg"></view>
			
			<view class="title_header">
				<view class="jiantou" @click="back"></view>
				<text>活动详情</text>
			</view>
			
		
		
		<!-- 卡片部分 -->
		<view>
			<uni-card>
					<view class="titletime">
						<text class="one">标题:</text>
						<text class="content">洗车优惠活动开始领取了</text>
					</view>
					
					<view class="titletime">
						<text class="one">发布人:</text>
						<text class="content">大美汽修</text>
					</view>
					
					<view class="titletime">
						<text class="one">发布时间:</text>
						<text class="content">2024/06/22 14:17</text>
					</view>
					<view class="titletime">
						<text class="one">审核状态:</text>
						<text class="content">待审核/审核通过/审核不通过</text>
					</view>
					<view class="titletime">
						<text class="one">审核时间:</text>
						<text class="content">2024/06/22 14:17</text>
					</view>
					<view class="titletime">
						<text class="one">审核说明:</text>
						<text class="content"></text>
					</view>
			</uni-card>
		
			<uni-card>
				<view class="fabuneirong">
					<text class="two">发布内容:</text>
					<text class="content">哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</text>
				</view>
				<view class="fabuneirong">
					<text class="two">图片</text>
					<view class="content">
						<image src="../../static/c1.png"></image>
					</view>
				</view>
			</uni-card>
		</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			back(){
				uni.navigateBack({
					delta:1
				})
			}
		}
	}
</script>

<style>
	/* 导航栏样式 */
	.container{
		width: 750rpx;
		position: relative;
	}
	.top{
		width: 750rpx;
		height: 400rpx;
		background-color: #3785f6;
		
	}
	.bg{
		position: absolute;
		z-index: -1;
		background-color: #3785f6;
		width: 750rpx;
		height: 450rpx;
	}
	.title_header{
		display: flex;
		padding-top: 60rpx;
	}
	.title_header>text{
		font-size: 35rpx;
		color: white;
		margin-left: 270rpx;
	}
	.jiantou{
		border-bottom: 6rpx solid white;
		border-left: 6rpx solid white;
		width: 20rpx;
		height: 20rpx;
		margin-left: 20rpx;
		transform: rotate(45deg);
	}
	
	
	
	/* 卡片中的样式 */
	.titletime{
		display: flex;
		color: #151515;
		line-height: 88rpx;
	}
	.titletime .content{
		margin-left: 70rpx;
		width: 400rpx;
	}
	.titletime .one{
		width: 120rpx;
	}
	
	
	.fabuneirong{
		display: flex;
		height: 160rpx;
	}
	.fabuneirong .two{
		width: 120rpx;
	}
	.fabuneirong .content{
		width: 400rpx;
		margin-left: 70rpx;
	}
	.content image{
		width: 200rpx;
		height: 150rpx;
		border-radius: 10rpx;
	}
	
	
	
</style>
